<!--
 * @Author: zhangyun
 * @Date: 2021-04-23 11:38:54
 * @LastEditors: zhangyun
 * @LastEditTime: 2021-04-25 15:48:35
 * @Desc: 
-->
<template>
  <section class="flex pt-4 pb-3">
    <aside class="w-64 bg-white mr-4 rounded shadow aside_menu">
      <Menus />
    </aside>
    <section class="flex-1 bg-white rounded shadow overflow-y-auto">
      <article class="p-3">
        <router-view></router-view>
      </article>
    </section>
  </section>
</template>

<script>
import { defineComponent } from 'vue'
import Menus from '../../components/Menus/index.vue'
export default defineComponent({
  name: 'creator',
  components: { Menus },
})
</script>

<style lang="scss" scoped>
.aside_menu {
  height: calc(100vh - 80px);
}
</style>
